<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>家长课堂</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<style>
			*{
				padding: 0px;
				border: 0px;
				margin: 0px;
				font-family: "黑体";
			}
			
			body{
				background-image: url(../../img/campus/campusbg.png);
				background-repeat-x: no-repeat;
				background-size: 100%;
				width: 100%;
				height: 100%;
			}
			
			.dvsearch{
				background-image: url(../../img/campus/sousuokuang_03.png);
				background-repeat: no-repeat;
				background-size: 100%;
				width: 80%;
				height: 40px;
				margin: 10px auto 0px auto;
				text-align: center;
			}
			
			.dvtop{
				margin-top: 70px;
				display: flex;
				text-align: center;
			}
			
			.bell{
				background-image: url(../../img/campus/zhong_03.png);
				background-repeat: no-repeat;
				background-size: 100%;
				width: 100%;
				height: 200px;
				margin-top: -68px;
				text-align: center;
			}
			
			.dvcenter{
				margin-top: 10px;
				display: flex;
			}
			
			.fengeline{
				height: 10px; 
				background-color: #dae4d2; 
				width: 100%;
			}
			
		</style>
	</head>
	<body>
		<div class="container"> 
			<div id="dvsearch" class="dvsearch">
				<span style="font-size: 14px; color: #e6f0f2; display: block; padding-top: 4px;">输入标签或关键字</span>
			</div>
			<div id="dvtop" class="dvtop">
				<div style="width: 25%;">
					<span style="display: block;"><img id="overview345" src="../../img/campus/gaishu_04.png" style="width: 100%;" /></span>
					<span style="display: block;"><img id="wake345" src="../../img/campus/huanxingfa_05.png" style="width: 100%;" /></span>
				</div>
				<div style="width: 50%;">
					<div style="margin-top: -35%;">
						<span><img src="../../img/campus/zhong_03.png" style="width: 100%;"/></span>
					</div>
					<div class="bell1" style="margin-top: -52%;">
						<span style="display: block; font-size: 14px; color: #335d59;">已累计学时</span>
						<span style="display: block; color: #335d59; font-size: 14px;"><span style="color: #ff4f4f; font-size: 17px;">1202</span>分钟</span>
						<span style="display: block; text-align: center; font-size: 9px; color: #FFFCFB;">
							继续加油!
						</span>
					</div>
				</div>
				<div style="width: 25%;">
					<span style="display: block;"><img id="entry345" src="../../img/campus/citiao_04.png" style="width: 100%;" /></span>
					<span style="display: block;"><img id="postsexam" src="../../img/campus/kaoshi_03.png" style="width: 100%;" /></span>
				</div>
			</div>
			<div class="fengeline"></div>
			<div id="dvcenter" class="dvcenter">
				<span style="display: block; margin-left: 30px;">
					<img id="explectures" src="../../img/campus/zhuanjia_04.png" style="width: 86px;" />
				</span>
				<span style="display: block; margin-top: 36px; position: absolute; right: 20px;">
					<img id="wondvidlst" src="../../img/campus/jingcaishipin_03.png" style="width: 81px;" />
					<img id="goodtxtlst" src="../../img/campus/haowentuijian_05.png" style="width: 30px; margin-left: -7px;" />
					<img id="goodbookslst" src="../../img/campus/haoshushoucang_07.png" style="width: 30px;" />
				</span>
			</div>
			<div class="fengeline" style="margin-top: -4px;"></div>
			<div id="dvbottom" style="text-align: center; margin-top: 20px;">
				<span id="spbutton">
					<img src="../../img/campus/anniu1_03.png" style="width: 125px;" />
					<img src="../../img/campus/anniu2_05.png" style="width: 125px; margin-left: 34px;" />
				</span>
				<div style="color: #FFFFFF; margin-top: 10px; margin-right: 25px; text-align:justify; text-justify:inter-ideograph;">
					<span style="display: block; font-size: 16px; float: right;">Family Coaching</span><br />
					<span style="display: block; font-size: 13px; float: right; margin-right: -8px;">为什么我们需要家庭教练？</span><br />
					<span style="display: block; font-size: 10px; float: right; margin-right: -8px;">什么是家庭教练？TA能带给我们什么？</span>
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script>
		
		//345概述
		document.getElementById("overview345").addEventListener("tap", function(){
			mui.openWindow({
				url : "overview.html"
			});
		});
		
		//345词条
		document.getElementById("entry345").addEventListener("tap", function(){
			mui.openWindow({
				url : "entry345.html"
			});
		});
		
		//345唤醒
		document.getElementById("wake345").addEventListener("tap", function(){
			mui.openWindow({
				url : "compulsory.html"
			});
		});
		
		//父母上岗考试
		document.getElementById("postsexam").addEventListener("tap", function(){
			mui.openWindow({
				url : "../evaluation/exem.html?exemid=15"
			});
		});
		
		//专家讲座
		document.getElementById("explectures").addEventListener("tap", function(){
			mui.openWindow({
				url : "expleclst.html"
			});
		});
		
		//精彩视频
		document.getElementById("wondvidlst").addEventListener("tap", function(){
			mui.openWindow({
				url : "wondvid.html"
			});
		});
		
		//好文推荐
		document.getElementById("goodtxtlst").addEventListener("tap", function(){
			mui.openWindow({
				url : "goodtxtlst.html"
			});
		});
		
		//好书收藏
		document.getElementById("goodbookslst").addEventListener("tap", function(){
			mui.openWindow({
				url : "goodbokslst.html"
			});
		});
		
		
		
		
	</script>
</html>
